<script type="text/javascript">
$(document).ready(function(){
  var name_package;
  var time;
  var extra_service = "";
	$('.selectbox').change(function(){
    var a = $(this).val();
    var t = $(this).siblings();
     t.children().css('display','none');
     t.children('#sales-'+a).css('display','block');
    });

  $(".btn-primary").click(function(){
    var dad_name = $(this).parent().attr('class').split(" ");// lay ten the box-1
    name_package = 'VPS '+$(this).parent().parent().parent().children('.title_vps').children('.'+dad_name[1]).html();/////ten goi vps
    time = $(this).parent().parent().parent().children('.times').children('.'+dad_name[1]).children('select').children('option:selected').val()+' tháng';// thoi gian
  });
  $('input[type="checkbox"]').change(function(){
    if ($(this).parent().parent().attr('class') == "selected")
         $(this).parent().parent().removeClass('selected');
    else $(this).parent().parent().addClass('selected');
  });
  $(".btn-primary").fancybox({
     maxWidth  : 400,
     maxHeight : 300,
     fitToView : false,
     width   : '70%',
     height    : '70%',
     autoSize  : false,
     closeClick  : false,
     openEffect  : 'none',
     closeEffect : 'none',
     type : 'ajax'
  });
///////////////////////////////////dang ki bo sung
  $(".extra-submit").click(function(){
   $('input:checkbox:checked').each(function() {
          extra_service += $(this).parent().parent().children('.td-title').html()+" ";
        });
    if (extra_service == null) {
      alert('Vui lòng chọn gói dịch vụ bổ sung');
      return false;
    }
    else
    {
      $(".extra-submit").fancybox({
         maxWidth  : 400,
         maxHeight : 300,
         fitToView : false,
         width   : '70%',
         height    : '70%',
         autoSize  : false,
         closeClick  : false,
         openEffect  : 'none',
         closeEffect : 'none',
         type : 'ajax'
      });
    }
  });
});
</script>
<div id=""></div>
<div id="vps-content" class="block-title">
  <h1>DỊCH VỤ CHO THUÊ VPS GIÁ RẺ</h1>
  <div class="row-hosting">
    <div class="feature-box-image span4">
      <div class="inner">
        <div class="text"> <img src="images/hosting1.jpg" data-original="images/1.png" alt="">
          <h2>Máy chủ ảo là gì ?</h2>
          <div class="news-content"> Máy chủ ảo (Virtual Private Server – VPS) là một dạng máy chủ được tạo ra bằng phương pháp phân chia từ một máy chủ vật lý (dedicated server) thành nhiều máy chủ ảo khác nhau. Mỗi khách hàng có thể tùy ý chỉnh sửa cấu hình, cài đặt ứng dụng và triển khai theo ý muốn trên máy chủ ảo. </div>
        </div>
      </div>
    </div>
    <div class="feature-box-image span4">
      <div class="inner">
        <div class="text"> <img src="images/hosting1.jpg" data-original="images/1.png" alt="" style="display: inline;">
          <h2>Tại sao phải sử dụng máy chủ ảo ?</h2>
          <div class="news-content"> - Ưu điểm của máy chủ ảo là sự linh hoạt từ việc điều chỉnh cấu hình RAM, CPU và thêm HDD gần như ngay lập tức, điều này giúp cho việc nâng cấp máy chủ ảo trở nên đơn giản và dễ dàng hơn.<br/>
            - Tiết kiệm được rất nhiều chi phí nếu so sánh với việc thuê một máy chủ vật lý.<br/>
            - Cho thuê VPS giá rẻ là giải pháp tối ưu cho doanh nghiệp nhỏ và cá nhân.<br/>
          </div>
        </div>
      </div>
    </div>
  </div>
  <table class="plans">
    <tbody>
      <tr class="title_vps">
        <th><span>&nbsp;</span></th>
        <th class="box-1">CƠ BẢN</th>
        <th class="box-2">NÂNG CAO</th>
        <th class="box-3">CHUYÊN NGHIỆP</th>
      </tr>
      <tr class="tr_odd" style="height:60px;">
        <td class="descr">Giá</td>
        <td class="price box-1">400.000vnđ /tháng</td>
        <td class="price box-2">600.000vnđ /tháng</td>
        <td class="price box-3">800.000vnđ /tháng</td>
      </tr>
      <tr class="tr_odd">
        <td class="descr">Băng Thông Trong Nước</td>
        <td class="box-1">100Mbps</td>
        <td class="box-2">100Mbps</td>
        <td class="box-3">100Mbps</td>
      </tr>
      <tr class="tr_odd">
        <td class="descr">CPU</td>
        <td class="box-1">Intel Quad Core 5520 2.26GHz</td>
        <td class="box-2">Intel Quad Core 5520 2.26GHz</td>
        <td class="box-3">Intel Quad Core 5520 2.26GHz</td>
      </tr>
      <tr class="tr_odd">
        <td class="descr">Dung Lượng Ổ Cứng</td>
        <td>40GB</td>
        <td>80GB</td>
        <td>120GB</td>
      </tr>
      <tr class="tr_odd">
        <td class="descr">Dung Lượng RAM</td>
        <td>1GB</td>
        <td>2GB</td>
        <td>4GB</td>
      </tr>
      
      <tr class="tr_odd">
        <td class="descr">Băng Thông Quốc Tế</td>
        <td>4Mbps</td>
        <td>4Mbps</td>
        <td>4Mbps</td>
      </tr>
      <tr class="tr_odd">
        <td class="descr">Lưu Lượng Thông Tin</td>
        <td>Không giới hạn</td>
        <td>Không giới hạn</td>
        <td>Không giới hạn</td>
      </tr>
      <tr class="tr_odd">
        <td class="descr">Số Lượng IP</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
      </tr>
      <tr class="tr_odd">
        <td class="descr">Hỗ Trợ Kỹ Thuật</td>
        <td>24/7</td>
        <td>24/7</td>
        <td>24/7</td>
      </tr>
      
      <tr class="tr_odd times">
        <td class="descr">Thời gian</td>
        <td class="monthly box-1">
        <select class="selectbox" name="">
            <option value='3'>3 tháng</option>
            <option value='6'>6 tháng</option>
            <option value='12'>12 tháng</option>
          </select>
          <div class="sales">
            <div id="sales-3" style="display:block">Giảm 10%</div>
          	<div id="sales-6" style="display:none">Giảm 15%</div>
          	<div id="sales-12" style="display:none">Giảm 20%</div>
            </div>
          </td>
        <td class="monthly box-2">
        <select class="selectbox" name="">
            <option value='3'>3 tháng</option>
            <option value='6'>6 tháng</option>
            <option value='12'>12 tháng</option>
          </select>
          <div class="sales">
            <div id="sales-3" style="display:block">Giảm 10%</div>
            <div id="sales-6" style="display:none">Giảm 15%</div>
            <div id="sales-12" style="display:none">Giảm 20%</div>
            </div>
          </td>
        <td class="monthly box-3"><select class="selectbox" name="">
            <option value='3'>3 tháng</option>
            <option value='6'>6 tháng</option>
            <option value='12'>12 tháng</option>
          </select>
          <div class="sales">
            <div id="sales-3" style="display:block">Giảm 10%</div>
            <div id="sales-6" style="display:none">Giảm 15%</div>
            <div id="sales-12" style="display:none">Giảm 20%</div>
            </div>
          </td>
      </tr>
      <tr class="order-vps">
        <td class="hide buy"><a href="#"></a></td>
        <td class="buy box-1"><a href="views/form_reg_hosting.php" class="btn-primary box-shadow-outset">ĐĂNG KÝ</a></td>
        <td class="buy box-2"><a href="views/form_reg_hosting.php" class="btn-primary box-shadow-outset">ĐĂNG KÝ</a></td>
        <td class="buy box-3"><a href="views/form_reg_hosting.php" class="btn-primary box-shadow-outset">ĐĂNG KÝ</a></td>
      </tr>
    </tbody>
  </table>
  <div class="extra-content">
    <div class="extra-service">
      <table class="extra-table">
        <tr class="extra-header">
          <td colspan="3">CÁC DỊCH VỤ BỔ SUNG</td>
        </tr>
        <tr>
                <td class="td-title">- Bổ sung HDD 50GB</td>
                <td class="td-price"> 100.000 VNĐ / Tháng</td>
                <td class="td-check"><input type="checkbox" name="check" /></td>
              </tr>
              <tr>
                <td class="td-title">- Bổ sung RAM 01GB</td>
                <td class="td-price"> 100.000 VNĐ / Tháng</td>
                <td class="td-check"><input type="checkbox" name="check" /></td>
              </tr>
              <tr>
                <td class="td-title">- Bổ sung 01 IP</td>
                <td class="td-price"> 100.000 VNĐ / Tháng</td>
                <td class="td-check"><input type="checkbox" name="check" /></td>
              </tr>
              <tr>
                <td class="td-title">- Thuê Direct Admin</td>
                <td class="td-price"> 150.000 VNĐ / Tháng</td>
                <td class="td-check"><input type="checkbox" name="check" /></td>
              </tr>
              <tr>
                <td class="td-title">- Thuê Hosting Controller</td>
                <td class="td-price"> 450.000 VNĐ / Tháng</td>
                <td class="td-check"><input type="checkbox" name="check" /></td>
              </tr>
              <tr>
                <td class="td-title">- Quản trị máy chủ</td>
                <td class="td-price"> 500.000 VNĐ / Tháng</td>
                <td class="td-check"><input type="checkbox" name="check" /></td>
              </tr>
        <tr>
          <td class="td-extra-submit" colspan="3"><a href="views/form_reg_hosting.php" class="extra-submit btn-primary box-shadow-outset">ĐĂNG KÝ</a></td>
        </tr>
      </table>
    </div>
  </div>
</div>
